.pure-indicator-progress {
    display: var(--pure-indicator-progress-display, flex);
    flex-direction: var(--pure-indicator-progress-flex-direction, row);
    align-items: var(--pure-indicator-progress-align-items, center);
    justify-content: var(--pure-indicator-progress-justify-content, flex-start);
    border-radius: var(--pure-indicator-progress-border-radius, 4px);
    background: var(--pure-indicator-progress-background, var(--pure-background-light));
    opacity: var(--pure-indicator-progress-opacity);
    position: var(--pure-indicator-progress-position, absolute);
    top: var(--pure-indicator-progress-top, auto);
    bottom: var(--pure-indicator-progress-bottom, 10px);
    left: var(--pure-indicator-progress-left, 50%);
    right: var(--pure-indicator-progress-right, auto);
    transform: var(--pure-indicator-progress-transform, translate(-50%, 0));
    padding: 0;
    margin: var(--pure-indicator-progress-margin, 0 auto);
    box-sizing: border-box;
    z-index: var(--pure-indicator-progress-z-index, 10);
    width: var(--pure-indicator-progress-width, 60px);
    height: var(--pure-indicator-progress-height, 4px);
    overflow: var(--pure-indicator-progress-overflow, hidden);
}

.pure-indicator-progress-bar {
    transition-duration: var(--pure-indicator-progress-bar-transition-duration, 0.3s);
    transition-property: var(--pure-indicator-progress-bar-transition-property, all);
    transition-timing-function: var(--pure-indicator-progress-bar-transition-timing-function, progressar);
    width: var(--pure-indicator-progress-bar-width, var(--pure-indicator-progress-bar-value));
    height: var(--pure-indicator-progress-bar-height, 100%);
    border-radius: var(--pure-indicator-progress-bar-border-radius, inherit);
    background: var(--pure-indicator-progress-bar-background, var(--pure-theme-primary));
    opacity: var(--pure-indicator-progress-bar-opacity, 1);
}
